<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" th:replace="layout/blog">
<div th:fragment="index-content">
    <!-- 首页帖子展示 -->
    <div class="col-md-8 posts">
        <article class="style2">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <a href="#">
                        <div class="article-thumb">
<!--                            <img src="../../static/bootstrap-blog/img/category/08/1.jpg" th:src="@{/bootstrap-blog/img/category/08/1.jpg}" class="img-responsive" alt=""/>-->
                            <img src="https://web-1300014258.cos.ap-chengdu.myqcloud.com/background-test.jpg" class="img-responsive" alt=""/>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="post-excerpt">
                        <div class="small-title cat">Travel</div>
                        <h3><a href="#">Twitter Stock Surges On Disney Takeover Rumor</a></h3>
                        <div class="meta">
                            <span>by <a href="#" class="link">Kevin K.</a></span>
                            <span>on Sep 23, 2016</span>
                            <span class="comment"><i class="fa fa-comment-o"></i> 1</span>
                        </div>
                        <p>The list of potential Twitter acquirers continues to grow. In addition to recent reports that Salesforce and Google are interested in possibly buying the real-time news</p>
                        <a href="#" class="small-title rmore">Read More</a>
                    </div>
                </div>
            </div>
        </article>

        <article class="style2">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <a href="#">
                        <div class="article-thumb">
                            <img src="../../static/bootstrap-blog/img/category/08/2.jpg" th:src="@{/bootstrap-blog/img/category/08/2.jpg}" class="img-responsive" alt=""/>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="post-excerpt">
                        <div class="small-title cat">Travel</div>
                        <h3><a href="#">Twitter Stock Surges On Disney Takeover Rumor</a></h3>
                        <div class="meta">
                            <span>by <a href="#" class="link">Kevin K.</a></span>
                            <span>on Sep 23, 2016</span>
                            <span class="comment"><i class="fa fa-comment-o"></i> 1</span>
                        </div>
                        <p>The list of potential Twitter acquirers continues to grow. In addition to recent reports that Salesforce and Google are interested in possibly buying the real-time news</p>
                        <a href="#" class="small-title rmore">Read More</a>
                    </div>
                </div>
            </div>
        </article>

        <article class="style2">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <a href="#">
                        <div class="article-thumb">
                            <img src="../../static/bootstrap-blog/img/category/08/3.jpg" th:src="@{/bootstrap-blog/img/category/08/3.jpg}" class="img-responsive" alt=""/>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="post-excerpt">
                        <div class="small-title cat">Travel</div>
                        <h3><a href="#">Twitter Stock Surges On Disney Takeover Rumor</a></h3>
                        <div class="meta">
                            <span>by <a href="#" class="link">Kevin K.</a></span>
                            <span>on Sep 23, 2016</span>
                            <span class="comment"><i class="fa fa-comment-o"></i> 1</span>
                        </div>
                        <p>The list of potential Twitter acquirers continues to grow. In addition to recent reports that Salesforce and Google are interested in possibly buying the real-time news</p>
                        <a href="#" class="small-title rmore">Read More</a>
                    </div>
                </div>
            </div>
        </article>

        <article class="style2">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <a href="#">
                        <div class="article-thumb">
                            <img src="../../static/bootstrap-blog/img/category/08/4.jpg" th:src="@{/bootstrap-blog/img/category/08/4.jpg}" class="img-responsive" alt=""/>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="post-excerpt">
                        <div class="small-title cat">Travel</div>
                        <h3><a href="#">Twitter Stock Surges On Disney Takeover Rumor</a></h3>
                        <div class="meta">
                            <span>by <a href="#" class="link">Kevin K.</a></span>
                            <span>on Sep 23, 2016</span>
                            <span class="comment"><i class="fa fa-comment-o"></i> 1</span>
                        </div>
                        <p>The list of potential Twitter acquirers continues to grow. In addition to recent reports that Salesforce and Google are interested in possibly buying the real-time news</p>
                        <a href="#" class="small-title rmore">Read More</a>
                    </div>
                </div>
            </div>
        </article>

        <article class="style2">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <a href="#">
                        <div class="article-thumb">
                            <img src="../../static/bootstrap-blog/img/category/08/5.jpg" th:src="@{/bootstrap-blog/img/category/08/5.jpg}" class="img-responsive" alt=""/>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="post-excerpt">
                        <div class="small-title cat">Travel</div>
                        <h3><a href="#">Twitter Stock Surges On Disney Takeover Rumor</a></h3>
                        <div class="meta">
                            <span>by <a href="#" class="link">Kevin K.</a></span>
                            <span>on Sep 23, 2016</span>
                            <span class="comment"><i class="fa fa-comment-o"></i> 1</span>
                        </div>
                        <p>The list of potential Twitter acquirers continues to grow. In addition to recent reports that Salesforce and Google are interested in possibly buying the real-time news</p>
                        <a href="#" class="small-title rmore">Read More</a>
                    </div>
                </div>
            </div>
        </article>

        <article class="style2">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <a href="#">
                        <div class="article-thumb">
                            <img src="../../static/bootstrap-blog/img/category/08/6.jpg" th:src="@{/bootstrap-blog/img/category/08/6.jpg}" class="img-responsive" alt=""/>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="post-excerpt">
                        <div class="small-title cat">Travel</div>
                        <h3><a href="#">Twitter Stock Surges On Disney Takeover Rumor</a></h3>
                        <div class="meta">
                            <span>by <a href="#" class="link">Kevin K.</a></span>
                            <span>on Sep 23, 2016</span>
                            <span class="comment"><i class="fa fa-comment-o"></i> 1</span>
                        </div>
                        <p>The list of potential Twitter acquirers continues to grow. In addition to recent reports that Salesforce and Google are interested in possibly buying the real-time news</p>
                        <a href="#" class="small-title rmore">Read More</a>
                    </div>
                </div>
            </div>
        </article>

        <article class="style2">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <a href="#">
                        <div class="article-thumb">
                            <img src="../../static/bootstrap-blog/img/category/08/7.jpg" th:src="@{/bootstrap-blog/img/category/08/7.jpg}" class="img-responsive" alt=""/>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="post-excerpt">
                        <div class="small-title cat">Travel</div>
                        <h3><a href="#">Twitter Stock Surges On Disney Takeover Rumor</a></h3>
                        <div class="meta">
                            <span>by <a href="#" class="link">Kevin K.</a></span>
                            <span>on Sep 23, 2016</span>
                            <span class="comment"><i class="fa fa-comment-o"></i> 1</span>
                        </div>
                        <p>The list of potential Twitter acquirers continues to grow. In addition to recent reports that Salesforce and Google are interested in possibly buying the real-time news</p>
                        <a href="#" class="small-title rmore">Read More</a>
                    </div>
                </div>
            </div>
        </article>

        <article class="style2">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <a href="#">
                        <div class="article-thumb">
                            <img src="../../static/bootstrap-blog/img/category/08/8.jpg" th:src="@{/bootstrap-blog/img/category/08/8.jpg}" class="img-responsive" alt=""/>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="post-excerpt">
                        <div class="small-title cat">Travel</div>
                        <h3><a href="#">Twitter Stock Surges On Disney Takeover Rumor</a></h3>
                        <div class="meta">
                            <span>by <a href="#" class="link">Kevin K.</a></span>
                            <span>on Sep 23, 2016</span>
                            <span class="comment"><i class="fa fa-comment-o"></i> 1</span>
                        </div>
                        <p>The list of potential Twitter acquirers continues to grow. In addition to recent reports that Salesforce and Google are interested in possibly buying the real-time news</p>
                        <a href="#" class="small-title rmore">Read More</a>
                    </div>
                </div>
            </div>
        </article>

        <article class="style2">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <a href="#">
                        <div class="article-thumb">
                            <img src="../../static/bootstrap-blog/img/category/08/9.jpg" th:src="@{/bootstrap-blog/img/category/08/9.jpg}" class="img-responsive" alt=""/>
                        </div>
                    </a>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="post-excerpt">
                        <div class="small-title cat">Travel</div>
                        <h3><a href="#">Twitter Stock Surges On Disney Takeover Rumor</a></h3>
                        <div class="meta">
                            <span>by <a href="#" class="link">Kevin K.</a></span>
                            <span>on Sep 23, 2016</span>
                            <span class="comment"><i class="fa fa-comment-o"></i> 1</span>
                        </div>
                        <p>The list of potential Twitter acquirers continues to grow. In addition to recent reports that Salesforce and Google are interested in possibly buying the real-time news</p>
                        <a href="#" class="small-title rmore">Read More</a>
                    </div>
                </div>
            </div>
        </article>

        <ul class="pagi-nation">
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">..</a></li>
            <li><a href="#">42</a></li>
        </ul>
    </div>
</div>
</html>